<!doctype html>
<!--
------
Copyright (c) 2013 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html i18n-values="dir:textdirection;lang:language">
<head>
  <meta charset="utf-8">
  <title i18n-content="wallpaperAppName"></title>
  <link rel="stylesheet" href="../../../../../ui/webui/resources/css/text_defaults.css">
  <link rel="stylesheet" href="../../../../../ui/webui/resources/css/widgets.css">
  <link rel="stylesheet" href="../../../../../ui/webui/resources/css/menu.css"></link>

  <link rel="stylesheet" href="css/wallpaper_manager.css">
  <script src="chrome://resources/js/load_time_data.js"></script>
  <script src="js/main_scripts.js"></script>
  <if expr="False">
    <!-- This file has not been flattened, load individual scripts.
    Keep the list in sync with js/main_scripts.js. -->
    <script src="../../../../../ui/webui/resources/js/cr.js"></script>
    <script src="../../../../../ui/webui/resources/js/event_tracker.js"></script>
    <script src="../../../../../ui/webui/resources/js/assert.js"></script>
    <script src="../../../../../ui/webui/resources/js/i18n_template_no_process.js"></script>
    <script src="../../../../../ui/webui/resources/js/util.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/event_target.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/array_data_model.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_item.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_selection_model.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_single_selection_model.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_selection_controller.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/grid.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/keyboard_shortcut_list.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/command.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/position_util.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/menu_item.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/menu.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/menu_button.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/context_menu_handler.js"></script>

    <script src="js/constants.js"></script>
    <script src="js/util.js"></script>
    <script src="js/progress_manager.js"></script>
    <script src="js/wallpaper_categories_list.js"></script>
    <script src="js/wallpaper_images_grid.js"></script>
    <script src="js/wallpaper_manager.js"></script>
    <script src="js/main.js"></script>
  </if>
</head>
<body>
  <commands>
    <command id="delete" i18n-values="label:deleteCommandLabel"
        shortcut="Delete"></command>
  </commands>

  <div id="error-container" class="overlay-container" hidden>
    <div class="page">
      <div id="close-error" class="close"></div>
      <span class="error-message"></span>
      <a id="learn-more" i18n-content="learnMore" target="_blank"></a>
    </div>
  </div>
  <div id="wallpaper-selection-container" class="overlay-container" hidden>
    <div class="page">
      <div id="close-wallpaper-selection" class="close"></div>
      <div id="content">
        <input id="file-selector" type="file" size="80"
            accept="image/jpeg, image/png">
        <div i18n-content="positionLabel"></div>
        <select id="set-wallpaper-layout" disabled>
          <option value="CENTER" i18n-content="centerLayout"></option>
          <option selected="selected" value="CENTER_CROPPED"
              i18n-content="centerCroppedLayout"></option>
          <option value="STRETCH" i18n-content="stretchLayout"></option>
        </select>
        <div id="warning">
          <img class="remember-icon">
          <span i18n-content="customWallpaperWarning"></span>
        </div>
      </div>
    </div>
  </div>
  <div class="dialog-container">
    <div id="dialog-header">
      <div id="minimize-button"></div>
      <div id="close-button"></div>
    </div>
    <div class="dialog-body">
      <div class="dialog-topbar">
        <div id="navstrip">
          <list id="categories-list"></list>
        </div>
        <div class="spacer"></div>
      </div>
      <div class="dialog-main">
        <div id="category-container">
          <div id="current-wallpaper-info-bar">
            <img id="current-wallpaper-image" aria-hidden="true"></img>
            <div id="current-wallpaper-spinner" hidden></div>
            <div id="current-wallpaper-more-info">
              <div id="currently-set-message"
                  i18n-content="currentlySetLabel"></div>
              <div id="current-wallpaper-title"></div>
              <div id="current-wallpaper-description"></div>
            </div>
            <div class="spacer"></div>
            <div id="current-wallpaper-more-options">
              <div id="refresh">
                <div class="icon"></div>
                <div class="text" i18n-content="refreshLabel"></div>
              </div>
              <div id="explore">
                <div class="icon"></div>
                <div class="text" i18n-content="exploreLabel"></div>
              </div>
              <div id="center">
                <div class="icon"></div>
                <div class="text" i18n-content="centerLayout"></div>
              </div>
              <div id="center-cropped">
                <div class="icon"></div>
                <div class="text" i18n-content="centerCroppedLayout"></div>
              </div>
            </div>
          </div>
          <grid id="wallpaper-grid" class="image-picker daily-refresh-disabled"
              tabIndex="-1"></grid>
          <div class="progress-bar" hidden>
            <div class="progress-track"></div>
          </div>
          <div id="no-images-message">
            <div class="icon"></div>
            <div class="text" i18n-content="noImagesAvailable"></div>
          </div>
          <div class="bottom-bar">
            <div id="online-wallpaper-attribute">
              <img id="attribute-image" hidden>
              <div id="wallpaper-attribute" hidden>
                <div>
                  <label>
                    <span id="author-name"></span>
                  </label>
                </div>
                <div>
                  <a id="author-website" target="_blank"></a>
                </div>
              </div>
            </div>
            <div class="spacer"></div>
            <div id="surprise-me" hidden>
              <div id="checkbox"></div>
              <span i18n-content="surpriseMeLabel"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="top-header-container">
    <div id="top-header">
      <div class="top-header-contents">
        <div id="cancel-preview-wallpaper" i18n-values="title:backButton"
            class="preview-option"></div>
        <div id="image-title"></div>
        <div class="divider"></div>
        <div id="wallpaper-description"></div>
        <div class="more-options">
          <div id="centering-options" class="custom-option">
            <div id="center-button">
              <div class="icon"></div>
              <div class="text" i18n-content="centerLayout"></div>
            </div>
            <div id="center-cropped-button">
              <div class="icon"></div>
              <div class="text" i18n-content="centerCroppedLayout"></div>
            </div>
          </div>
          <div id="refresh-wallpaper" class="daily-option"
              i18n-content="refreshLabel"></div>
          <div id="confirm-preview-wallpaper" class="preview-option"
              i18n-content="confirmPreviewLabel"></div>
        </div>
      </div>
    </div>
  </div>
  <div id="message-container">
    <div id="message-content" i18n-content="connectionFailed">
    </div>
  </div>
  <div id="preview-canvas"></div>
  <div id="preview-spinner" hidden></div>
  <div id="daily-refresh-banner-template" hidden>
    <div class="daily-refresh-banner">
      <div class="daily-refresh-label" id="daily-refresh-label"
          i18n-content="surpriseMeLabel" aria-hidden="true"></div>
      <span role="checkbox" tabIndex="0" class="daily-refresh-slider"
          aria-labelledby="daily-refresh-label">
        <div class="ripple-circle"></div></span>
    </div>
  </div>
</body>
</html>
